<!DOCTYPE html>
<html lang="zh-cn" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="referrer" content="origin-when-crossorigin"/>
    <meta name="description" content="学习无涯"/>
    <meta property="og:description" content="学习无涯"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>AlwaysLearning</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/pintuer-2.0.custom.min.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/pintuer-2.0.min.js"></script>
    <script src="./js/marked.min.js"></script>
    <script src="./js/vue.js"></script>
  </head>
  <body>
    <main class="layout container">
      <header>
        <p>学海无涯苦作舟</p>
      </header>
      <div class="path">
        首页
      </div>
      <div class="page">
        <div class="left-side">
          <div class="avatar">
            <img src="./img/avatar.jpeg" alt="头像">
          </div>
          <div class="pages">
            <p>其他藏品</p>
            <ul>
              <li>
                <a target="_blank" v-bind:href="host + '/sudoku.html'">Sudoku</a>
              </li>
              <li>
                <a target="_blank" v-bind:href="host + '/chart.html'">饼图制作工具</a>
              </li>
              <li>
                <a target="_blank" v-bind:href="host + '/gantt-chart.html'">甘特图制作工具</a>
              </li>
              <li>
                <a target="_blank" v-bind:href="host + '/house-interest-analysis.html'">房贷利率敏感度分析工具</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="right-side">
          <div class="assay" v-for="assay in assays" v-bind:key="assay.id">
            <div class="title">{{ assay.title }}</div>
            <div class="content">
              <p class="timestamp">{{ assay.timestamp }}</p>
              <div v-html="assay.text" class="text"></div>
            </div>
          </div>
        </div>
      </div>
    </main>
  </body>
  <script src="js/index.js"></script>
</html>
